.community {
	width: 100%;
	position: relative;
	// 头部
	.top{
		width: 100%;
		position: absolute;
		// z-index: -1;
	}
// 选项卡
	.tabs{
		// position: absolute;
		// z-index: 1;
		width: 100%;
		margin-top: 130rpx;
		// border: 1px solid red;
		border-radius: 20rpx;
	}

	/* 综合 */
  .boxbox1{
    display: flex;
    flex-wrap: wrap;
    padding: 2%;
    box-sizing: border-box;
    .recommend-bottom1 {
      width: 32%;
    	padding: 2%;
    	display: flex;
    	justify-content: space-between;
      text-align: center;
      box-sizing: border-box;
    	.bottom-top1 {
    		width: 100%;
    		.photo:hover{
    			.shadow{
    				display: block;
    			}
    		}
    		.photo {
    			position: relative;
    			height: 240rpx;
    			border-radius: 20rpx;
    			overflow: hidden;
    			.image2 {
    				
    				width: 100%;
    				height: 100%;
    				
    			}
    			.shadow{
    				display: none;
    				position: absolute;
    				bottom:0;
    				text-align: center;
    				color: #fff;
    				width: 100%;
    				height: 50rpx;
    				line-height: 50rpx;
    				  background: rgba(0, 0, 0, 0.5); /* 背景颜色，可根据需要调整透明度 */
    				  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2); /* 阴影效果 */
    			}
    		}
    		
    		.text1 {
    			margin-top: 10rpx;
    			font-size: 0.9rem;
    		}
    		
    		.text2 {
    			font-size: 20rpx;
    			margin-top: 10rpx;
    			color: #bfc4d0;
    		}
    	}
    }
  }

}